.appTransiton-enter-active,
.appTransiton-leave-active {
    transition: all 1.2s ease;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
}

.appTransiton-leave-active {
    display: none;
}

.appTransiton-enter,
.appTransiton-leave-to {
    opacity: 0;
    visibility: hidden;
}


.animate-mask-enter-active,
.animate-mask-leave-active {
    transition: all .4s;
}

.animate-mask-enter,
.animate-mask-leave-to {
    opacity: 0;
}


.animate-box-enter-active,
.animate-box-leave-active {
    transition: all .4s;
}

.animate-box-enter,
.animate-box-leave-to {
    transform: scale(.8);
    opacity: 0;
}

.search-type-animaite-enter-active,
.search-type-animaite-leave-active {
    transition: all .4s;
}

.search-type-animaite-enter,
.search-type-animaite-leave-to {
    transform: translateX(-50px);
    opacity: 0;
}
